<script setup lang="ts">
const props = defineProps({
  title: {
    type: String,
    default: '',
  },
  customClass: {
    type: String,
    default: '',
  },
})
const { title } = toRefs(props)
</script>

<template>
  <view class="rounded-lg bg-white py-4 shadow-black" :class="customClass">
    <view class="flex items-center justify-between px-4">
      <view>
        <text class="text-lg font-bold">
          {{ title }}
        </text>
      </view>
      <slot name="expansion" />
      <!--      <view class="flex items-center"> -->
      <!--        <wd-text text="全部报表" size="12px" color="#FF3A3A" /> -->
      <!--        <view class="i-icon-park-outline-right ml-1 text-[12px] text-[#FF3A3A]" /> -->
      <!--      </view> -->
    </view>
    <slot />
  </view>
</template>

<style scoped lang="scss"></style>
